<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name = "viewport" content = "width=device-width, maximum-scale = 1, minimum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="target-densitydpi=device-dpi,width=640,user-scalable=0">
<title>车栈-积分商城</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

		<script text="type/javascript" src="js/jquery.js"></script>
		<script src="js/mui.min.js"></script>;
		<script src="js/app.js"></script>;
		<script type="text/javascript" language="javascript" src="js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="js/storeTab.js"></script>
</head>

<body>
<section class="section">
  <div class="top"> <a class="back mui-action-back "><img src="images/back.png"></a>
    <p class="jf_t"><span>积分商城</span><a href="" class="wdjf">我的积分</a></p>
  </div>
  <div class="clear"></div>
  <div class="pos-top">
    <div style="background:url(images/jifen_banner.jpg) no-repeat; background-position:top center; height:236px; width:100%; margin:0 auto;"></div>
    <div class="jfgz"><span class="l-float">积分规则：</span>
      <div style="padding-left:110px;">
        <p>一次性消费100元即可积累10积分，一次性消费200元即  可积累20积分，以此类推，消费金额越高积分越高，达到一定积分即可在积分商城兑换相应商品 </p>
      </div>
    </div>
    <div class="jfxuanze">
      <select  class="list">
        <option selected="" value="1" >商品分类</option>
        <option value="2">汽车饰品</option>
        <option value="3">优惠券</option>
        <option value="4">养护服务</option>
      </select>
      <select  class="list">
        <option selected="" value="1" >积分分段</option>
        <option value="2">0-5000</option>
        <option value="3">5000-10000</option>
        <option value="4">10000-20000</option>
        <option value="5">20000以上</option>
      </select>
    </div>
    <div class="sp_list">
      <ul id="good_list">
        
       
      </ul>
    </div>
  </div>
  <!--底部导航--> 
  <!--底部导航-->

</section>
</body>
</html>
<script>
	(function(mui, doc) {
		mui.init({
			statusBarBackground: '#000000'
		});
		mui("body").on("tap", ".gopage", function() {

			var this_obj = jQuery(this);
			var url = this_obj.data("url");
			var id = this_obj.data("param");
			//  mui.toast(id);
			mui.openWindow({
				id: url,
				url: url,
				extras: {
					data_id: id,
				},
				waiting: {
					autoShow: false,
				}
			})
		});
		mui.plusReady(function() {

		

			getGoods();

		});

	}(mui, document));

	function getGoods() {

		var postData = {
			apiUrl: web_url + "page_goods/goodslist.shtml",
			datas: {

			}
		};
		app.postServer(postData,
			function(result) {
				var html = "";
				$.each(result.data, function(index, item) {
				html+='<li data-url="goods.html"  class="gopage" data-param="'+item.id+'">'+
          '<div class="sptu"><img width="299" height="268" src="'+resource_url+item.images+'"></div>'+
          '<p>'+item.name+'</p>'+
          '<span>'+item.credit+'积分</span>'+
          '<input type="button" value="立即兑换" class="dh-but"  >'+
          '</li>';


				});

				$("#good_list").html(html);

			},
			function(err) {
				if(err) {
					plus.nativeUI.toast(err);
					return;
				}
			}
		);

	}
</script>